<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>用户列表</title>
    <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700' rel='stylesheet' type='text/css'>
    <!--Bootstrap Stylesheet [ REQUIRED ]-->
    <link href="__PUBLIC__/statics/css/bootstrap.min.css" rel="stylesheet">
    <!--Nifty Stylesheet [ REQUIRED ]-->
    <link href="__PUBLIC__/statics/css/nifty.min.css" rel="stylesheet">
    <!--Nifty Premium Icon [ DEMONSTRATION ]-->
    <link href="__PUBLIC__/statics/css/demo/nifty-demo-icons.min.css" rel="stylesheet">
    <!--Demo [ DEMONSTRATION ]-->
    <link href="__PUBLIC__/statics/css/demo/nifty-demo.min.css" rel="stylesheet">
    <link href="__PUBLIC__/statics/plugins/ionicons/css/ionicons.min.css" rel="stylesheet">
    <!--Morris.js [ OPTIONAL ]-->
    <link href="__PUBLIC__/statics/plugins/morris-js/morris.min.css" rel="stylesheet">
    <!--Magic Checkbox [ OPTIONAL ]-->
    <link href="__PUBLIC__/statics/plugins/magic-check/css/magic-check.min.css" rel="stylesheet">
    <link href="__PUBLIC__/statics/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet">
    <link href="__PUBLIC__/statics/plugins/pace/pace.min.css" rel="stylesheet">
    <script src="__PUBLIC__/statics/plugins/pace/pace.min.js"></script>
    <!--jQuery [ REQUIRED ]-->
    <script src="__PUBLIC__/statics/js/jquery-2.2.4.min.js"></script>
    <!--BootstrapJS [ RECOMMENDED ]-->
    <script src="__PUBLIC__/statics/js/bootstrap.min.js"></script>
    <!--NiftyJS [ RECOMMENDED ]-->
    <script src="__PUBLIC__/statics/js/nifty.min.js"></script>
    <script src="__PUBLIC__/statics/js/demo/nifty-demo.min.js"></script>
    <!--Morris.js [ OPTIONAL ]-->
    <script src="__PUBLIC__/statics/plugins/morris-js/morris.min.js"></script>
    <script src="__PUBLIC__/statics/plugins/morris-js/raphael-js/raphael.min.js"></script>
    <!--Sparkline [ OPTIONAL ]-->
    <script src="__PUBLIC__/statics/plugins/sparkline/jquery.sparkline.min.js"></script>
    <!--Specify page [ SAMPLE ]-->
    <script src="__PUBLIC__/statics/js/demo/dashboard.js"></script>
</head>
<!--TIPS-->
<!--You may remove all ID or Class names which contain "demo-", they are only used for demonstration. -->
<body>
<div id="container" class="effect aside-float aside-bright mainnav-lg">
	<div class="boxed">
		<div id="content-container">
			<div id="page-title">
			</div>
			<!--<ol class="breadcrumb">
				<li><a href="#">Home</a></li>
				<li><a href="#">Layouts</a></li>
				<li class="active">Collapsed Navigation</li>
			</ol>-->
			<div class="panel">
				<div class="panel-body">
					<div class="pad-btm form-inline">
						<div class="row">
							<div class="col-sm-6 text-xs-center">
								<div class="form-group">
									<a href="{:Url('Admin/User/addUser')}"><button id="demo-btn-addrow" class="btn btn-purple"><i class="demo-pli-plus"></i> 添加管理员</button></a>
								</div>
							</div>
							<div class="col-sm-6 text-xs-center text-right">
							</div>
						</div>
					</div>
					<table id="demo-foo-addrow" class="table table-bordered table-hover toggle-circle" data-page-size="7">
						<thead>
							<tr>
								<th data-sort-initial="true" data-toggle="true">用户名</th>
								<th>拥有角色</th>
								<th data-hide="phone, tablet">操作</th>
							</tr>
						</thead>
						<tbody>
							{foreach name="data" item="v"}
								<tr>
									<td>{$v['username']}</td>
									<td>{$v['title']}</td>
									<td>
										<a href="{:Url('Admin/User/editUser',array('id'=>$v['id']))}">修改权限或密码</a>
									</td>
								</tr>
							{/foreach}
						</tbody>
						<tfoot>
							<tr>
								<td colspan="6">
									<div class="text-right">
										<ul class="pagination"></ul>
									</div>
								</td>
							</tr>
						</tfoot>
					</table>
				</div>
			</div>
		</div>
	</div>
	<button class="scroll-top btn">
		<i class="pci-chevron chevron-up"></i>
	</button>
</div>
</body>
</html>
